<!-- 选择已有公司 -->
<template>
  <div class="page-select-existing-enterprise page-next">
    <Row type="flex" justify="center">
      <Col span="18">
        <div class="select-company">
          <Select
            v-model="modelValue"
            style="width: 200px"
            placeholder="请选择产业"
          >
            <Option
              v-for="item in cityList"
              :value="item.value"
              :key="item.value"
              >{{ item.label }}</Option
            >
          </Select>
          <Select v-model="modelValue" placeholder="请选择企业">
            <Option
              v-for="item in cityList"
              :value="item.value"
              :key="item.value"
              >{{ item.label }}</Option
            >
          </Select>
        </div>
      </Col>
      <Col span="18">
        <div class="select-company-check">
          <div
            class="select-company-item"
            v-for="item in companyList"
            :key="item.id"
          >
            <span>企业名称</span><Checkbox v-model="item.isChecked"> </Checkbox>
          </div>
        </div>
      </Col>
      <Col span="16">
        <div class="next-btn">
          <Button type="primary" :disabled="isBtnDisabled" @click="handleAgree"
            >确认加入该企业并完成注册</Button
          >
        </div>
      </Col>
    </Row>
  </div>
</template>

<script>
export default {
  data() {
    return {
      single: "",
      isBtnDisabled: true,
      companyList: [
        {
          id: 1,
          name: "企业名称1",
          isChecked: false,
        },
      ],
    };
  },
  methods: {
    handleAgree(){
        this.$emit("handleSuccess");
    }
  },
  created() {},
  mounted() {},
};
</script>

<style lang="less" scoped>
.select-company {
  margin-top: 10vh;
  display: flex;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
}
::v-deep(.ivu-select-selection) {
  border: none;
}
.select-company-item {
  display: flex;
  justify-content: space-between;
  padding: 20px;
  margin-top: 20px;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
}
.next-btn {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.ivu-btn {
  width: 100%;
}
</style>
